<!-- 打折管理 -->
<template>
  <div class="mod-config">
    <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
      <el-tab-pane label="员工打折权限查询" name="first">
        <emp-index></emp-index>
      </el-tab-pane>
      <el-tab-pane label="角色打折查询" name="second">
        <role-index></role-index>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import EmpIndex from './components/empdiscountpermissions/index'
import RoleIndex from './components/rolediscount/index'
  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components: {
      EmpIndex,
      RoleIndex
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
        if(tab.name =="first"){
          console.log("first");
        }else if(tab.name =="second"){
          console.log("second");
        }
      }
    }
  };
</script>
